<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<title>候补订单</title>
		<link rel="stylesheet" href="resources/layui/css/layui.css">
		<style>
			.main {
				margin-top: -25px;
				padding: 20px;
				
			}
			.box{
				 border: 1px solid #55aaff;
				 /* float: left; */
				 margin-top: 15px;
				 margin-left: 20px;
				 width: 900px;
				 height: 420px;
			}
			.layui-card-body {

				font-size: 14px;
				color: #333;
			}

			.layui-card-body ul {
				padding-left: 20px;
			}

			.layui-card-body ul li {
				margin-bottom: 10px;
			}

			.tips {
				background-color: #f1f1f1;
				padding: 10px;
				border: 1px solid #e6e6e6;
				margin-top: 10px;
			}

			.tips p {
				font-size: 14px;
				color: #666;
			}
		</style>
	</head>
	<body>
		<div class="main">
			<div class="layui-tab layui-tab-card" style="margin-top: 30px; height: 500px;">
				<ul class="layui-tab-title">
					<li class="layui-this">待支付订单</li>
					<li>待兑现订单</li>
					<li>已处理订单</li>

				</ul>
				<div class="box">
				<div class="layui-tab-content"   >
					<div class="layui-tab-item layui-show">
						<div class=""  style="text-align: center; padding: 50px;">
							<img src="resources/img/empty.png" alt="tips" style="width: 100px;">
							<div>您没有未完成的订单哦~</div>
							<div>您可以通过车票预订功能，来制定出行计划。</div>
						</div>
					</div>
					<div class="layui-tab-item">
						<div  style="text-align: center; padding: 50px;">
							<img src="resources/img/empty.png" alt="tips" style="width: 100px;">
							<div>您没有未完成的订单哦~</div>
							<div>您可以通过车票预订功能，来制定出行计划。</div>
						</div>
					</div>
				</div>
				<div class="layui-tab-item">
					<div style="text-align: center; padding: 50px;">
						<img src="resources/img/empty.png" alt="tips" style="width: 100px;">
						<div>您没有未完成的订单哦~</div>
						<div>您可以通过车票预订功能，来制定出行计划。</div>
					</div>
				</div>
			</div>
				
			</div>
		</div>


		<div class="tips">
			<p><strong>温馨提示：</strong></p>
			<p>1.系统将持续尝试为您兑现候补需求，若无满足您需求的席位，将在截止兑现时间自动终止兑现。</p>
			<p>2.兑现时，将根据您所候补列车的席位实际情况予以分配（座席分配包含卧代座），多人出行时，可能分配到不同车厢。系统优先为60岁以上老年人分配下铺，下铺售完时自动分配其他铺别。</p>
			<p>3.同一候补购票订单中需求不进行部分兑现。</p>
			<p>4.兑现时实名制和行程冲突规则按既有规则办理。</p>
			<p>5.兑现成功车票的退改签规则按既有规则办理，退票费按如下规则核收：票面乘车站开车时间前8天（含）以上不收取退票费，48小时以上的按票价5%计，24小时以上、不足48小时的按票价10%计，不足24小时的按票价20%计。上述计算的尾数以5角为单位，尾数小于2.5角的舍去、2.5角（含）以上且小于7.5角的计为5角、7.5角（含）以上的进为1元。退票费最低按2元计收。</p>
		</div>
		</div>


		<!-- 引入 LayUI JS -->
		<script src="resources/layui/layui.js"></script>
		<script>
			layui.use(['element', 'form'], function() {
				var element = layui.element;
				var form = layui.form;

				// 初始化 Tab 组件
				element.init();
			});
		</script>
	</body>
</html>